<!DOCTYPE html>
<html lang="en">
<head>
    <title>Add Markers</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

    <!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> </script>-->
    <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
    <script src="/scripts/lib/json2.js"> </script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js" type="text/javascript"></script>
    <script src="/scripts/lib/jquery.corner.js" type="text/javascript"></script>
    <script src="/scripts/common.js"> </script>
    <script src="/scripts/mark.js"> </script>

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
    <link href="/style/mark.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
<div id="mbox" class="mbox">
    <div id="add_marker" class="menuitem">
        <img src="/img/mark.png" class="menuicon"/>
    </div>
    <div id="finish_btn" class="menuitem">
        <img src="/img/save.png" class="menuicon"/> 
    </div>
    <div id="preview_btn" class="menuitem">
        <img src="/img/preview.png" class="menuicon"/> 
    </div>
</div>

<center>
    <div id="container">
      <img id="img" src="" border="0" class="mainimg"/>
    </div>
</center>

<div id="edit_tooltip" title="标记" class="edit_tooltip">
    <form id="edit_form">
        <dl>
            <dt class="label"> 购买链接:</dt>
            <dd>
                <input type="url" name="link" id="edit_link" value="http://" required="required" class="text ui-widget-content ui-corner-all" />
            </dd>
        </dl>
        <dl>
            <dt class="label"> 标题:</dt>
            <dd>
                <input type="text" name="title" id="edit_title" required="required" class="text ui-widget-content ui-corner-all" />
            </dd>
        </dl>
        <dl>
            <dt class="label"> 标签:</dt>
            <dd>
                <input type="text" name="tag" id="edit_tag" value="" class="text ui-widget-content ui-corner-all" />
            </dd>
        </dl>
        <dl>
            <dt class="label">常用标签:</dt>
            <dd>
                <span class="tagbtn tagbtn_normal">Unix</span> 
                <span class="tagbtn tagbtn_normal">软件开发</span> 
            </dd>
        </dl>
        <input id="edit_cancel_btn" class="closebutton" type="button" value=""/> 
        <input id="edit_remove_btn" class="button" type="button" value="删除"/> 
        <input id="edit_ok_btn" class="button" type="submit" value="保存"/> 
    </form>
</div>

<div id="info_tooltip" class="tooltip">
    <dl>
        <dt>链接:</dt>
        <dd>
            <a id='info_tooltip_link' href='' target="blank">
                <span id="info_tooltip_title">
                    abc
                </span>
            </a>
        </dd>
    </dl>
    <dl>
        <dt>相关标签:</dt>
        <dd id="info_tags">
            <span class="tagbtn tagbtn_normal">Unix</span> 
            <span class="tagbtn tagbtn_normal">软件开发</span> 
            <span id="info_tooltip_tag"></span>
        </dd>
    </dl>
</div>
<!--分享家 -->
<center>
    <div>
        <script type="text/javascript" src="http://china-addthis.googlecode.com/svn/trunk/addthis.js" charset="UTF-8"></script><span class="addthis_org_cn"><a href="http://addthis.org.cn/share/" i="0|1|31|22|23|28|24|42|48|49|35|29|21|38|36|44|46" title="收藏&amp;分享"><img src="http://addthis.org.cn/images/a1.gif" alt="分享家:Addthis中文版" align="absmiddle" /></a></span>

    </div>


    <a id="prevpage" href="">

    </div>
    <a id="nextpage" href="">

    </div>

</center>
</body>
</html>

<style>
    label, input { display:block; }
    fieldset { padding:0; border:0; margin-top:25px; }
    h1 { font-size: 1.2em; margin: .6em 0; }
</style>

<script>
    $(function(){
        $("#mbox").corner("bottom");
        $("#edit_form").validator({
            inputEvent:"change",
        });
    });

</script>


